import Header from "./components/Header";
import Table from "./components/Table";
import Footer from "./components/Footer";
import Toggle from "./components/Toggle";
import { useState } from "react";

const App = () => {
  const [isDarkMode, setIsDarkMode] = useState(false);

  return (
    <div className={isDarkMode ? "dark" : ""}>
      <Header>
        <Toggle setIsDarkMode={setIsDarkMode} />
      </Header>
      <Table />
      <Table />
      <Table />
      <Footer />
    </div>
  );
};

export default App;
